<template>
	<view class="content">		
		<ul>	
		<navigator url="../livestock_inf/livestock_tag" 
		open-type="navigate" style="flex: 1;">			
		<view class="content_li" 
      		style="background-color: #569bfa;">
			<view>
				生猪基本<br/>
				信息管理
			</view>
		</view>	
		</navigator>	
		
		<navigator url="../livestock_inf/pig_list"
		open-type="navigate" style="flex: 1;display: flex;">
		<view class="content_li"
		style="background-color: #0cbfae;">
			<view>
				生长信息管理
			</view>	
		</view>
		</navigator>
		</ul>
		
		<ul>
		<navigator url="../livestock_inf/livestock_inf"
		open-type="navigate" style="flex: 1">
		<view class="content_li"
		style="background-color: #fe762d;">
			<view>
				饲养饲料管理
			</view>
		</view>
		
		</navigator>
		<navigator url="../livestock_inf/drugs"
		 open-type="navigate" style="flex: 1">
		<view class="content_li"
		style="background-color: #d15973;">
			<view>
				疾病防治<br/>
				药品管理
			</view>
		</view>	
		</navigator>
		</ul>
		
		<ul>
		<navigator url="../livestock_inf/disinfection"
		 open-type="navigate" style="flex: 1">
		<view class="content_li"
		style="background-color: #fd8781;">
			<view>
				消毒管理
			</view>
		</view>
		</navigator>
		
		<navigator url="../livestock_inf/environment"
		 open-type="navigate" style="flex: 1 ;">
		<view class="content_li"
		style="background-color: #eda715;">
			<view>
				生猪生长环<br/>
				境信息管理
			</view>
		</view>
		</navigator>
		</ul>
		
 	</view>
</template>

<script>
</script>

<style>
	
ul{
	margin: 0;
	padding: 0;	
}	
view{
	margin: 0;
	padding: 0;	
}
	.content{
		width: 100%;
		height: auto;
		margin-top: 100rpx;
		display: flex;
		flex-direction: column;
	}
	.content>ul{
		flex: 1;		
		display: flex;
		flex-direction: row;
	}
	.content_li{
		width: 75%;
		height: 200rpx;
		color: #ffffff;
		margin:25rpx 50rpx;
		text-align: center;				
		display: flex;
		border: 2rpx solid #9d9d9d;
		border-radius: 15upx;
	}
	.content_li>view{
		font-size: 36rpx;
		flex:1;
		margin:  auto;
	}
</style>
